<!DOCTYPE html>
<html class="js cssanimations" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>优永动助手 - 登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/css/amazeui.min.css">
    <link rel="stylesheet" href="/css/app.css">

</head>
<!--<body th:style="'background-image:url(../'+${loginpic.address}+')'">-->
<body style="background-image:url('/images/shequbg.jpg')">
<div class="am-g myapp-login">
    <div class="myapp-login-bg" style="min-height: 727px;">
        <!--<div class="myapp-login-logo">
            <img src="/images/icon-touming.png" width="80%" alt="">
        </div>-->
        <div class="am-u-sm-10 myapp-login-form">
            <form class="am-form" action="/login" method="post">
                <fieldset>

                    <div class="am-form-group">
                        用户名：
                        <input type="text" name="username" placeholder="请输入用户名">
                    </div>

                    <div class="am-form-group">
                        密码：
                        <input type="password" name="password" id="doc-ipt-pwd-1" placeholder="请输入密码">

                    </div>
                    <div class="am-form-group" style="font-size: 16px;color: red;"  th:text="${logintip}==null?'':${logintip}">

                    </div>
                    <div class="am-form-group">
                    验证码：
                            <input type="text" name="verify" placeholder="验证码">

                            <div class="col-xs-6 pull_left">
                                <a href="javascript:void(0);" rel="external nofollow" title="点击更换验证码">
                                    <img style="margin-top: 12px;height: 100px" id="imgVerify" src="/getVerify" alt="更换验证码" height="36" width="100%" onclick="getVerify(this);">
                                </a>
                            </div>

                    </div>
                    <p>
                        <button type="submit" class="am-btn am-btn-default">登录</button>
                    </p>
                    <div class="login-text">
                        还没账号？<a  href="/reg">我要注册</a>
                    </div>
                    <div class="login-text">
                        <a href="/findpass">忘记密码？</a>
                    </div>
                    <div class="login-text downloadapp-box">
                        <a href="/downloadapp">下载app</a>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
</div>

<script>
    //获取验证码
    function getVerify(obj) {
        obj.src = "/getVerify?" + Math.random();
        console.log(obj)
    }
</script>

</body>
</html>